<template>
  <a-modal :visible="remarkVisible" :confirm-loading="confirmLoading" :width="750" :closable="false" :footer="null" @cancel="remarkVisible=false">
    <a-spin :spinning="confirmLoading">
      <transaction-detail :tradeInfos="tradeInfo"></transaction-detail>
    </a-spin>
  </a-modal>
</template>
<script>
import { getAction } from '@/api/manage'
import transactionDetail from '../components/transactionDetail.vue'
export default {
  components:{transactionDetail},
  data() {
    return {
      remarkVisible: false,
      confirmLoading: false,
      tradeInfo: {},
      url:{
        queryTradeInfo:'/oms/order/amzOrderInfo/queryTradeInfo',
      },
    }
  },
  methods: {
    showModal(orderId) {
      getAction(this.url.queryTradeInfo,{orderId})
        .then(res=>{
          if(res.success){
            this.tradeInfo = res.result || {}
          }else{
            this.$message.warning(res.message)
          }
        })
      this.remarkVisible = true
    },
  },
}
</script>
